<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>新增收货地址</title>
		<link rel="stylesheet" type="text/css" href="css/aui/address_opera.css">
	</head>
	<body>
		<div class="aui-content">
			<header class="aui-bar aui-bar-nav" style="background-color:#f5f5f5;border-bottom:1px solid #ccc;color:#000;">
				<a href="addressA.html" class="aui-pull-left aui-btn">
					<span class="aui-iconfont aui-icon-left" style="color:#000;"></span>
				</a>
				<div class="aui-title">新增收货地址</div>
				<a class="aui-pull-right">
					<img src="img/save_b.png" style="width: 60%;padding-top: 0.5rem;" width="30%">
				</a>
			</header>
			<div class="aui-content aui-margin-b-15">
				<form>
					<ul class="aui-list aui-form-list">
						<li class="aui-list-item" style="border-bottom:1px solid #ccc;">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-label" style="font-family:'微软雅黑';">收货人姓名</div>
								<div class="aui-list-item-input">
									<input type="text" name="name">
								</div>
							</div>
						</li>
						<li class="aui-list-item" style="border-bottom:1px solid #ccc;">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-label" style="font-family:'微软雅黑';">联系手机</div>
								<div class="aui-list-item-input">
									<input type="number" name="phone">
								</div>
							</div>
						</li>
						<li class="aui-list-item" style="border-bottom:1px solid #ccc;">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-label" style="font-family:'微软雅黑';">地区选择</div>
								<input type="">
							</div>
						</li>
						<li class="aui-list-item" style="border-bottom:1px solid #ccc;">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-label" style="font-family:'微软雅黑';">详细地址</div>
								<input type="text" name="address">
							</div>
						</li>
						<li class="aui-list-item">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-label" style="font-family:'微软雅黑';">默认地址</div>
								<input  type="checkbox" class="aui-switch" checked>
							</div>
						</li>
					</ul>
					<div class="aui-btn aui-btn-block anniu">保存地址</div>
				</form>
			</div>
			<div class="copyright">Copyright &copy; 2007-2016 Bizpower版权所有</div>
		</div>
		<script src="js/aui/aui-range.js"></script>
		<script type="text/javascript">
			var range = new auiRange({
			    element:document.getElementById("range") //滑块容器
			},function(ret){
			    console.log(ret)
			})
		</script>
	</body>
</html>